<template>
  <v-app>
    <v-main>
      <router-view />
    </v-main>
  </v-app>
</template>

<script setup>

import { useSnackbar } from 'vuetify-use-dialog'
import { setSnackbarInstance } from '@/utils/request' // adjust path as needed

const snackbar = useSnackbar()
setSnackbarInstance(snackbar)
  //
import { useTheme } from 'vuetify'

const theme = useTheme()

// Now you can use theme safely
function toggleTheme() {
  theme.global.name.value = theme.global.current.value.dark ? 'light' : 'dark'
}
</script>
